@import "variable";
@import "normalize.css";

.not-found-page{
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  p,
  .el-link{
    font-size: 14px;
  }
  .el-link{
    vertical-align: bottom;
  }
}

.login-page{
  position: absolute;
  width: 400px;
  padding: 40px 50px 20px;
  border: 1px solid #ccc;
  border-radius: 5px;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
}

html,body{
  height: 100%;
  &>div, .user-page{
    height: 100%;
  }
}

.user-page{
  &>.el-header{
    background: linear-gradient(#f1f7f8, #fff);
    box-shadow: 0px 0px 20px 1px rgba(0,0,0,.1);
    border-bottom: 1px solid #eee;
    line-height: 60px;
    .bg-purple-light{
      text-align: right;
      font-size: 14px;
    }
    .el-link{
      margin-left: 10px;
      vertical-align: 0;
      &:hover{
        text-decoration: none;
      }
    }
    img{
      vertical-align: -12px;
    }
  }
  &>.el-container{
    height: calc(100% - 60px);
    .el-menu{
      border-right: none;
    }
    .el-main{
      padding: 10px;
      background: #f1f7f8;
    }
  }
}